<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no">
    <title>提交订单</title>
    <link th:href="@{/css/mobile.css}" rel="stylesheet">
</head>
<body>
<header class="nav-top">
    <div class="left-text">智慧食堂</div>
    <div class="center-text" th:text="${pageName}">页面名称</div>
</header>
<div style="position: relative;width: 100%;height: 8vh;left: 0"></div>
<div class="list-box" style="width: 94vw; padding: 1vh 0 1vh 2vw;">
    <dl style="position: relative; font-size: calc(8px + 1.6vh); left: 2vw; top: 1vh; width: 92vw; margin: 0;">订单信息
        <dt>订单号</dt>
        <dd>
            <div style="position:relative;">
                <p class="center-text" th:text="${order.getOid()}" style="font-size: calc(8px + 1.4vh);"></p>
            </div>
        </dd>
        <dt>创建时间</dt>
        <dd>
            <div style="position:relative;">
                <p class="center-text" th:text="${order.getTime()}" style="font-size: calc(8px + 1.4vh);"></p>
            </div>
        </dd>
        <dt>订单金额</dt>
        <dd>
            <div style="position:relative;">
                <p class="center-text" th:text="${order.getPrice()}" style="font-size: calc(8px + 1.4vh);"></p>
            </div>
        </dd>
    </dl>
</div>
<footer>
    <div class="nav-bottom">
        <div class="btn-inCart" style="top: 0.5vh; height: 7vh; width: 26vw;right: 34vw">
            <p class="center-text" style="width: 100%;top: 50%">取消订单</p>
            <a th:href="@{/cancelOrder(oid=${order.getOid()})}" target="_parent"
               style="position: absolute;width: 100%;height: 100%;right: 0"></a>
        </div>
        <div class="btn-inCart" style="top: 0.5vh; height: 7vh; width: 26vw;">
            <p class="center-text" style="width: 100%;top: 50%">去支付</p>
            <a th:href="@{/payOrder(oid=${order.getOid()})}" target="_parent"
               style="position: absolute;width: 100%;height: 100%;right: 0"></a>
        </div>
    </div>
</footer>
</body>
</html>